<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>日本万代</title>
		<style>
			*{
			margin: 0;
			padding: 0;
		}
			#menu{
				position: fixed;
				left:0;
				top: 0;
				z-index: 100;
				background-color:  #F0F8FF;
				list-style: none;
                opacity: 0.5;
			}
			#menu li a{
				font-size: 20px;
				color:  black;
				text-decoration: none;
				
			}
		   li a:hover{
		   	background-color:  aquamarine;
		   	color:  #000000;
		   }
		   body{
			background-image: url(img/Jbg.jpg);
			background-size: 100%;
		}
		#ps{
			font-size: 20px;
			color: azure;
			float: right;
		}
		.Jall{
			width: 1200px;
			margin: 0 auto;
		}
		.Jhead{
			width: 1200px;
			background-color: white;

		}
		#Jwelcome{
			font-size: 40px;
			float: right;
			text-shadow:blue 2px 0px 3px, aqua 3px 0px 3px;
			color: #DC143C;
		}
		
		img{
			display:  inline-block;
		}
		
		#t1{
			text-align: center;
			font-size: 50px;
			color: white;
		}
		#Umore{
			text-align: center;
			color: white;
			text-decoration: none;
			font-size: 50px;
			
		}
		 #Umore a:hover{
		 color:  aqua;
		}
		div img:hover{
				transform: scale(1.1);
			}
		.button{
			text-align: center;
			
		}
		a{
			text-decoration: none;
			font-size:50px ;
		}
		</style>
	</head>
	<body background="img/Jbg.jpg">
		<ul id="menu" >
			<li><a href="wonderful.html">首页</a></li>
			<li><a href="Europe.html">欧美影视动漫</a></li>
			<li><a href="Japan.html">日本万代</a></li>
			<li><a href="do.html">购买</a></li>
	        <li><a href="plan.html">创业计划书</a></li>
		</ul>
		<div class="Jall">
			<div class="Jhead">
				<a href="https://www.bandai.co.jp/"><img src="img/orange.jpeg" class="logo" height="50px"/></a>
				<a href="https://www.bandai.co.jp/"><img src="img/red.jpeg" class="logo" width="50px"/></a>
				<a href="https://www.bandai.co.jp/"><img src="img/blue.jpeg" class="logo" width="50px"/></a>
				
				<span id="Jwelcome">欢迎来到万代专区</span>
			</div>
			<div class="ultraman">
				<p id="t1">《Ultraman》</p>
				<marquee scrollamount="14" scrolldelay="100" direction="left">
				<a href="img/seven1.jpg"><img src="img/seven.jpg" width="1200px"/></a>
				<a href="img/diga1.jpg"><img src="img/diga.jpg"width="1200px"/></a>
				<a href="img/zerocloth.jpg"><img src="img/zero.jpg" width="1200px"/></a>
				<a href="img/zeta1.jpg"><img src="img/equipment.jpg" width="1200px"/></a>	
				<a href="img/zero11.jpg"><img src="img/zero1.jpg" width="1200px"/></a>
				</marquee>
				<a href="img/zeta11.jpg"><img src="img/zeta.jpg" width="1200px"/></a>
				<a href="https://list.tmall.com/search_product.htm?q=%B0%C2%CC%D8%C2%FC&type=p&spm=a1z10.1-b-s.a2227oh.d100&xl=ao_2&from=.shop.pc_1_suggest" id="Umore"><p>更多</p></a>
			</div>
			<div class="DX">
				<p id="t1">《MaskRider》</p>
				<marquee scrollamount="12" scrolldelay="100" direction="left">
				<a href="img/mask21.jpg"><img src="img/mask2.jpg"width="1200px"/></a>
				<a href="img/mask31.jpg"><img src="img/mask3.jpg" width="1200px"/></a>		
				<a href="img/mask41.jpg"><img src="img/mask4.jpg" width="1200px"/></a>
				<a href="img/mask51.jpg"><img src="img/mask5.jpg" width="1200px"/></a>
				<a href="img/mask11.jpg"><img src="img/mask1.jpg" width="1200px"/></a>
				</marquee>
				<a href="img/mask11.jpg"><img src="img/mask1.jpg" width="1200px"/></a>
				<a href="https://list.tmall.com/search_product.htm?q=%BC%D9%C3%E6%C6%EF%CA%BF%CA%D6%B0%EC&type=p&spm=a220m.1000858.a2227oh.d100&xl=%BC%D9%C3%E6%C6%EF%CA%BF_2&from=.list.pc_1_suggest"id="Umore"><p>更多</p></a>
			</div>
			<div class="MS">
				<p id="t1">《Mobile Suit:GUNDAM》</p>
				<marquee scrollamount="10" scrolldelay="100" direction="left">
				<a href="img/ms21.jpg"><img src="img/ms2.jpg"width="1200px"/></a>
				<a href="img/ms31.jpg"><img src="img/ms3.jpg"width="1200px"/></a>
				<a href="img/ms11.jpg"><img src="img/ms1.jpg"width="1200px"/></a>
				</marquee>
				<a href="img/ms11.jpg"><img src="img/ms1.jpg"width="1200px"/></a>
			    <a href="https://bandai.tmall.com/category-1460930315.htm?spm=a1z10.4-b-s.w5001-17160282471.5.791313c7q5smvA&scene=taobao_shop" id="Umore"><p >更多</p></a>
			</div>
			<div class="Naturo">
				<p id="t1">《Naturo》</p>
				<a href="img/naturo.jpg"><img src="img/naturo1.jpg"width="1200px"/></a>
			</div>
			<a href="https://bandai.tmall.com/index.htm?spm=a1z10.4-b-s.w5003-21643437044.15.7074308ecy6R4X&scene=taobao_shop" id="Umore"><p >更多资讯，访问万代官网</p></a>
		</div>
		<div class="button"><button><a href="Europe.html">欧美影视动漫</a></button>
			    <button><a href="do.html">购买</a></button></div>
		</div>
	</body>
</html>
